@charset "UTF-8";
/* CSS Document */
.content {
    background: none;
    border: none;
    height: 440px;
    margin: 0 auto;
	margin-left: 20px;
    width: 940px;
	text-align:center;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: normal 10pt Arial, Helvetica, sans-serif;
	overflow-y: scroll;
	 
	background: url(UH-striped-grey.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
} 
/* controls background image, which is a div in the html file as such:
	<div class="container"> 
		<img id="background-img" class="bg" src="UH-striped-grey.jpg" alt="" />
		...
	</div>
*/
#container{}
.bg{
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1;
} 
 
/* Link colors */
a ,#profile-badge-catalog a,#profile-form-submit a{
	color: #070000;
}

/* For the custom about page div..alternatively, replace with container...*/
.container-landing-about{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    border: none;
    clear: both;
    display: block;
    float: none;
    font-size: 12pt;
    margin: 2em auto 0;
    padding: 30px;
    text-align: left;
    width: 690px;
}
.container { 
	width: 960px;
	background: none; 
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;    
}


.container-top, .container-bottom  {
	background: none;
}
 

 #profile-badges-content h5, #profile-history-content h5,th ,#profile-form-table td.profile-section-header {
    background-color: #EEEEEE; 
}
/*------- Box styles --------*/
.content-box {
	background-color: #999999;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	box-shadow: 3px 3px 8px #000;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	padding-bottom: 8px;
	margin-bottom: 15px;
	opacity:0.88;  
}

.content-box-contents a {
    color: #000000;
}

.content-box-shadow{ 
-moz-box-shadow: 0 0 3px 3px #222;
-webkit-box-shadow: 0 0 3px 3px#222;
box-shadow: 0 0 3px 3px #222;
}

.content-box-title {
	background-color: #333333;
	background-image: -moz-linear-gradient(100% 60% 90deg, #AAAAAA, #EEEEEE);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 60%, from(#EEEEEE), to(#AAAAAA));

			
	height: 29px;	
	margin: 0;
	padding: 0;
	line-height: 29px;
	font-weight: bold;
	border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	
	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	
	border-bottom: 1px solid #000;
	text-align: center; 
	opacity: .99;
}

.alt-row {
	
	background: #CCCCCC;
}

/*Customized table*/
table#profile-form-table {
    background-color: #FFFFFF; 
    border-spacing: 0;
    margin: 0;
    padding: 0;
    width: 442px;
}

#home-center { 
	width:900px;
	margin-left: 80px;
	text-align: center; 
}

/** smart grid coloring*/
#activity-category .get-started div, #activity-category .basic-energy div, #activity-category .lights-out div, #activity-category .make-watts div, #activity-category .moving-on div, #activity-category .opala div, #activity-category .wet-wild div, #activity-category .potpourri div {
}
.activity {
	background-color: #35D400;
	}

.commitment {
	background-color: #0022D4;
	}

.event {
	background-color: #D44900;
	}
 
.survey {
	background-color: #EFEA00;
	}
 
.excursion {
	background-color: #D4001A;
	}

	
/*Legend at the bottom*/	
.activity-legend {
	background-color: #35D400;
	}

.commitment-legend {
	background-color: #0022D4;
	}

.event-legend {
	background-color: #D44900;
	}
 
.survey-legend {
	background-color: #EFEA00;
	}
 
.excursion-legend {
	background-color: #D4001A;
	}
	
/*ignore, it overwrites stuff*/ 
 

 
 
#prizes-list { 
    margin-left: 0px; 
}

#prizes-list-table-header, #prizes-list-table-awarded-header, #prizes-list-table-criteria-header {
    background: none ;
}
.prize a {
    color: #000000;
}
#news-events-popular-activities {
    float: right;
    margin-right: 0px; 
}

#landing-intro {
    background: #AAAAAA; 
    display: block;
    float: none;
    font-size: 14pt;
    height: 570px;
    margin: 2em auto 0;
    padding: 30px;
    text-align: center;
    width: 690px;
	border: none;
	
	opacity: 0.8;
}
#footer {
    height: 160px;
    margin: 0px auto 0px auto;
    position: none;
    width: 480px;
}
#home-item{
	opacity: .99;
	}
	
#energy-power { 
	}
	fieldset { 
	border: 0;
	border-radius: 8px;
	moz-border-radius: 8px;
	webkit-border-radius: 8px;
	margin-top: -10px;
}

fieldset legend {
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	padding: 25px 0 0 0;
}